function Page(json){
    json.end=Math.ceil(json.sum /json.count)
    this.fun=json.fun;//接收传递函数
    this.json=json;
    this.creatHtml(1,json.end,json.count,json.id,true,1);
    json.data={count:json.count,page:1}
    //  PAGE.ajax(json)
    var This=this;
    $("#"+json.id).on('click',function(event){
        This.liClick(event,This)
    })
}
Page.prototype.fun=function(){

}
Page.prototype.creatHtml=function(start, end, count, id, flag, page){
    var arr=[];
    arr.push('<div class="paging"> <ul> <li class="prev-page">&lt;</li>')
    arr.push(this.creatPage(start,end,flag,page))
    arr.push( '<li class="next-page">&gt;</li><li class="border-none"><span class="page-scale">'+page+'/'+end+'</span><span class="page-sum">共'+this.json.sum+'条记录</span></li> </ul>');
    $("#"+id).html(arr.join(''))
}
Page.prototype.liClick=function(event,This){
    var Page=This;
    var e = window.event || arguments[0];
    var target = e.srcElement || e.target;
    if ((target.nodeName != 'LI') || ($(target).html().indexOf('条记录') != -1) || $(target).html() == '..' || $(target).hasClass('prev-page') || $(target).hasClass('next-page')) return;
    var text = $(target).text();//点击的html
    var activeE = $("#" + Page.json.id).find('.page-active');
    var active = activeE.text();

    $("#" + Page.json.id).find('.page-active').removeClass('page-active');
    (text == '上一页') && (parseInt(active) > 1) ? activeE.prev().addClass("page-active") :
        (text == '下一页') && (parseInt(active) < Page.json.end) ? activeE.next().addClass("page-active") :
            ( ((text == '上一页') && (parseInt(active) == 1)) || ((text == '下一页') && (parseInt(active) == Page.json.end ))) ? activeE.addClass("page-active") : $(target).addClass("page-active");//添加class
    var page = parseInt($("#" + Page.json.id).find('.page-active').text());
    page != parseInt(active) && ( Page.fun(page - 1));//只有请求不同页面才请求后台
    //    console.log("page"+ (page>5&&(page==PAGE.json.end-3)));
    (page > 5 && (page == Page.json.end - 3)) ? Page.creatHtml(page - 6, Page.json.end, Page.json.count, Page.json.id, false, page) :
        (page > 5 && (page < Page.json.end - 3)) ? Page.creatHtml(page - 5, Page.json.end, Page.json.count, Page.json.id, false, page) :
            (page <= 5) && (parseInt(active) >= 5) ? (  Page.creatHtml(0, Page.json.end, Page.json.count, Page.json.id, true, page)) :
                (page > 9 && (page == Page.json.end)) ? Page.creatHtml(page - 9, Page.json.end, Page.json.count, Page.json.id, false, page) :

                    $("#" + Page.json.id).find('.page-scale').html(page + '/' + Page.json.end)
}
Page.prototype.creatPage=function(start, end, flag, page){
    var f = flag;
    for (var i = 1, arr = []; i <= (9 > end ? end : 9); i++) {
        if (start == 1 && f && page == 1 && i == 1) {//第一次默认第一页
            arr.push('<li class="page-active">' + i + '</liclass>');
            f = false;
            continue;
        }
        start++;
        (end > 9 && i == 1 && start > 1 && !flag) ? arr.push('<li>1</li>') :
            (end > 9 && i == 2 && start > 1 && !flag) ? arr.push('<li>..</li>') :
                (end > 9 && i == 8 && (start != end - 1)) ? arr.push('<li >..</li>') :
                    (end > 9 && i == 9) ? arr.push('<li >' + end + '</li>') : arr.push('<li >' + start + '</li>');
        if (page == start) {
            arr[arr.length - 1] = '<li class="page-active">' + start + '</li>'
        }
    }
    return arr.join('');
}